@charset "utf-8";
/* CSS Document */
/*导航*/
#header{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background:#fff;}
#header.mini ul#nav{padding:0px 20px 0px 20px;}
.nobanner #header{background:#fff;border-bottom:1px solid #f2f2f2;}
#header ul#nav{float:right;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%;}
#header ul li.navitem a.active,
#header ul li.navitem:hover a{color:#333;}
#header.mini ul li.navitem a::before{margin-top:50px;}
#header.mini{border-bottom:1px solid rgba(255, 255, 255, .3);background:transparent;}
#header ul li.navitem ul.subnav li a{background:#fff;height:32px;line-height:32px;}
#header ul li.navitem ul.subnav{border-top:0;}
#header ul li.navitem ul.subnav li a:hover{background:rgb(105, 105, 105);}
#header ul li.navitem ul.subnav li a::before{position:absolute;content:"";width:0%;height:0px;}
#header ul li.navitem ul.subnav li a.active::before{content:"";width:0;height:0;}
/*导航结束*/
/*导航*/
body.ipusher.open #header #headSHBtn{left:calc(100% - 70px);position:absolute;}
body.ipusher.open #header #headSHBtn:hover{background-color:#262626;}
body.ipusher.open #header #headSHBtn i::before{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
body.ipusher #header #headSHBtn i{font-size:17px;margin-top:17px;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
body.ipusher #header #headSHBtn:hover i{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
body.ipusher.open #header #headSHBtn:hover i{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
#headSHBtn{display:block;left:-110px;top:16px;color:#dedede;background:transparent;width:50px;height:50px;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#headSHBtn:hover{background-color:#4b4b4b;}
body.ipusher #header ul li.navitem ul.subnav{height:1000px;overflow:hidden;left:0;z-index:1;left:50%;margin-left:20px;}
body.ipusher #header ul li.navitem ul.subnav li{height:60px;}
body.ipusher #header .content{padding-top:80px;background-color:#fff;padding-bottom:1000px;box-shadow:0px 2px 26px rgba(0, 0, 0, 0.1);}
#logoClone img{margin-left:60px;}
#logoClone::after{content:'';position:absolute;width:100%;height:1px;background:rgba(255, 255, 255, .15);top:80px;left:0;}
body.ipusher #header{width:400px;left:auto;background-color:#FFF;right:-400px;position:fixed;z-index:999999;}
body.ipusher.open #header{transform:translate3d(-400px, 0, 0);-webkit-transform:translate3d(-400px, 0, 0);-moz-transform:translate3d(-400px, 0, 0);-o-transform:translate3d(-400px, 0, 0);width:100%;}
body.ipusher #header #logo{margin:0 auto 40px;}
body.ipusher #header #logo img{height:40px;}
body.ipusher #header ul li.navitem{text-align:center;border-top:1px solid #F5F5F5;height:60px;line-height:60px;}
body.ipusher #header ul li.navitem:hover{background:#f8f8f8;cursor:pointer;}
body.ipusher #header ul li.navitem:hover a{color:#000;}
#header ul li.navitem a{color:#666;font-size:14px;}
#header ul li.navitem a.active,
#header ul li.navitem:hover a{color:#666
}
#header ul li.navitem ul.subnav li a{background:transparent;}
body.ipusher #header ul li.navitem ul.subnav li a{color:#777;}
body.ipusher #header ul li.navitem ul.subnav li a:hover{background:transparent;color:#333;}
#header ul li.navitem ul.subnav li{border-bottom:1px solid rgba(0, 0, 0, .02);}
#header ul li.navitem ul.subnav li:last-child{border-bottom:none;}
/*首页头部导航*/
#headSHBtn i{display:none;}
#headSHBtn:after{content:'';display:block;width:20px;height:2px;background:#999;position:absolute;top:28px;left:15px;transition:all 0.3s ease-out 0s
}
#headSHBtn:before{content:'';display:block;width:20px;height:2px;background:#999;position:absolute;top:18px;left:15px;transition:all 0.3s ease-out 0s
}
#headSHBtn:hover::after{transform:rotate(45deg);top:25px;background:#fff;}
#headSHBtn:hover::before{transform:rotate(-45deg);top:25px;background:#fff;}
body.ipusher.open #headSHBtn{background-color:#4a4a4a;}
body.ipusher.open #headSHBtn:after{transform:rotate(45deg);top:25px;background:#fff
}
body.ipusher.open #headSHBtn:before{transform:rotate(-45deg);top:25px;background:#fff
}
#header ul li.navitem ul.subnav li a i{margin-top:10px;}
/*首页幻灯*/
.bx-wrapper .bx-controls-direction a{margin-top:-30px;width:60px;height:60px;background:transparent;border-radius:0px;}
.bx-wrapper .bx-controls-direction a i{color:#eaeaea;font-size:32px;margin-top:12px;margin-left:23px;margin-top:13px;}
.bx-wrapper .bx-controls-direction a:hover{background-color:rgba(0, 0, 0, .6);}
.bx-wrapper .bx-controls-direction a.bx-next i{margin-left:25px;}
bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a.active{display:none;}
#mslider .bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a{display:none;}
.content .header{padding-top:70px;}
/*项目*/
#indexPage #projectlist .projectitem{width:24%;margin-right:1%;margin-bottom:1%;}
#indexPage #projectlist .projectitem::before{content:'';position:absolute;width:100%;height:100%;opacity:0;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
#indexPage #projectlist .projectitem:hover::before{opacity:1;animation-name:zoomIn;}
.Pageanli .content .header{padding-top:50px;}
#indexPage #mproject{background:#fff;}
#indexPage #mproject .content .wrapper{width:calc(100% - 120px);margin:0 auto;}
#indexPage #mproject .content .header p.title,
#indexPage #mproject .content .header p.subtitle{margin-left:0;}
.content .header p.title{font-family:"fonts/HELVETICANEUELTPRO-THEX", "微软雅黑";text-align:left;margin-left:60px;font-size:22px;}
#projectlist .bx-viewport{padding-bottom:90px;}
#projectlist .projectitem a:hover .project_info{background:rgba(0, 0, 0, .3);position:absolute;}
.content .header p.subtitle{text-align:left;margin-left:60px;font-family:"fonts/HELVETICANEUELTPRO-THEX", "微软雅黑";margin-top:5px;font-size:14px;}
#indexPage #projectlist .projectitem a .project_info div{height:auto;width:100%;background:transparent;transition:all 0.3s ease-out 0s;display:none;}
#indexPage #projectlist .projectitem:hover a .project_info div{opacity:1;}
#projectlist .projectitem a .project_info div{top:100%;margin-top:0;}
#projectlist .projectitem a .project_info div::after{width:32px;height:30px;position:absolute;content:"";top:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:30px;right:0px;background:none;opacity:0;}
#projectlist .projectitem a:hover .project_info div::after{right:25px;background:none;opacity:1;}
#projectlist .projectitem a .project_info p.title{margin:0 20px;color:#565656;padding:20px 0px 5px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:"fonts/HELVETICANEUELTPRO-THEX", "微软雅黑";}
#indexPage #projectlist .projectitem a .project_info p.title{font-size:15px;padding-left:0;}
.Pageanli #projectlist .projectitem a .project_info p.title{color:#565656;margin:0;}
#projectlist .projectitem a .project_info p.subtitle{color:#929292;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:"fonts/HELVETICANEUELTPRO-THEX", "微软雅黑";font-size:14px;}
#indexPage #projectlist .projectitem a .project_info p.subtitle{margin-top:0;}
.Pageanli #projectlist .projectitem a .project_info p.subtitle{color:#929292;padding:0px 0px 5px;margin:0
}
#projectlist .projectitem a:hover .project_info p.title{color:#4A4A4A;}
#category a{padding:7px 27px;border:0;}
#indexPage #category{text-align:left;padding-left:60px;}
#indexPage #category a{display:block;height:36px;line-height:36px;padding-left:0;}
#indexPage #mproject #category a:last-child::after{position:absolute;content:"";height:0px;width:0px;}
#newsPage #category a:last-child::after{position:absolute;content:"";height:0px;width:0px;}
#indexPage #mproject #category{display:block;animation-name:fadeInUp;float:left
}
#category a::before{position:absolute;content:"";text-align:left;margin-left:0px;margin-top:23px;background-color:#818181;width:0px;height:1px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject #category a::before{margin-top:33px;}
#category a:hover::before{width:30px;}
#category a{font-size:14px;color:#999;border:0;}
#category a.active,
#category a:hover{background:transparent;color:#333;border-color:transparent;}
#indexPage #projectlist{width:calc(100% - 300px);float:right;margin-top:-95px;height:100%;}
#indexPage #mproject .content{height:100%;margin-top:-17%;}
#projectlist .projectitem{margin-bottom:35px;background:#fff;}
#projectlist .projectitem:nth-child(4n){margin-right:0;}
#projectlist .projectitem:nth-child(4n+1){clear: both;}
/*#projectlist .projectitem a::after { content:'+'; width:64px; height:64px; line-height:64px; margin:0 auto; margin-left:-32px; margin-top:0px; display:inline-block; position:absolute; top:0%; left:50%; z-index:10; border-radius:50px; border:2px solid #fff; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; color:#fff; font-size:40px; text-align:center; font-family:"fonts/HELVETICANEUELTPRO-THEX", "微软雅黑"; }
*/
#projectlist .projectitem:hover a::after{margin-left:-32px;margin-top:-32px;top:50%;opacity:1;}
#indexPage #mproject .bx-wrapper .bx-controls-direction{display:inline;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a{top:114%;margin-top:0px;width:60px;height:30px;background:transparent;border-radius:0px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev{left:50%;margin-left:-60px;border-right:1px solid #e9e9e9;background:url(../images/icon.png) -60px -250px no-repeat;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev:hover{border-right:1px solid #e9e9e9;background:url(../images/icon.png) -60px -220px no-repeat;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next{right:50%;margin-right:-60px;background:url(../images/icon.png) 0 -250px no-repeat;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next:hover{background:url(../images/icon.png) 0 -220px no-repeat;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a i{color:#dadada;font-size:24px;margin-top:2px;margin-left:26px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover i{color:#535353;}
#indexPage #mproject a.more{display:none;}
#category{text-align:right;padding-bottom:40px;}
#indexPage #mproject .fa-angle-right::before{content:"";}
#indexPage #mproject .fa-angle-left::before{content:"";}
.Pageanli #category{text-align:center;top:0;margin:0 auto;width:94%;padding-left:3%;padding-right:3%;margin-bottom:10px;}
/*案例详情页*/
.npagePage4 #projectlist .projectitem a .project_info{background:#fff;}
/*服务*/
#indexPage #mservice #servicelist .bx-wrapper{max-width:100%;}
#indexPage #mservice .content{height:100%;margin-top:0;top:50px;}
#indexPage #mservice #servicelist{width:100%;margin:0 auto;}
#indexPage #mservice .wrapper{height:100%;margin:0 auto;}
#indexPage #mservice .wrapper .bx-wrapper .bx-viewport{height:100%;}
#indexPage #mservice .content .header{width:100%;position:relative;top:80px;}
#indexPage #mservice .content .header p.title{margin-left:0;color:#fff;}
#indexPage #mservice .content .header p.subtitle{margin-left:0;}
#mservice .content .header p.title{text-align:left;}
#mservice .content .header p.subtitle{text-align:left;}
#indexPage a.more{display:none;}
#indexPage #servicelist .serviceitem{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;height:530px;}
#servicelist .serviceitem div{margin-top:25px;padding:0 25px;overflow:hidden;}
#servicelist .serviceitem div p.title{font-size:18px;color:#333;margin-bottom:30px;}
#servicelist .serviceitem:hover .title{color:#333;}
#servicelist .serviceitem div p.description{line-height:28px;width:90%;}
#indexPage #servicelist .serviceitem:hover::before{font-size:180px;top:-10px;margin-left:94px;}
#servicelist .serviceitem a{padding-top:21%;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;height:460px;}
#indexPage #servicelist .serviceitem a.details{display:block;height:40px;padding-top:0;text-indent:0;border-radius:0px;bottom:0;position:absolute;border-color:transparent;font-size:14px;color:#fff;text-align:center;font-family:"fonts/HELVETICANEUELTPRO-THEX", "微软雅黑";left:50%;margin-left:-180px;line-height:40px;}
#indexPage #servicelist .serviceitem a.details i{font-size:20px;position:relative;top:2px;}
#indexPage #servicelist .serviceitem a.details:hover i{color:#fff;text-indent:10px;}
#indexPage #servicelist .serviceitem:hover a.details i{color:#fff;text-indent:10px;}
#indexPage #servicelist .serviceitem a.details::before{content:'';position:absolute;left:180px;width:0;height:1px;background:rgba(255, 255, 255, 0);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #servicelist .serviceitem:hover a.details::before{width:160px;background:rgba(255, 255, 255, .6);left:100px;}
#indexPage #servicelist .serviceitem a.details::after{content:'';position:absolute;left:180px;width:0;height:1px;background:rgba(255, 255, 255, 0);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;bottom:0;}
#indexPage #servicelist .serviceitem:hover a.details::after{width:160px;background:rgba(255, 255, 255, .6);left:100px;}
.Pageservice #servicelist .serviceitem a{padding-top:10px;}
#servicelist .serviceitem a:hover{padding-top:17%;}
#indexPage #servicelist .serviceitem div::before{background:rgba(255, 255, 255, .3);}
#indexPage #mservice #servicelist .serviceitem a:hover div::before{background:rgba(255, 255, 255, .4);transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);width:20px;}
#servicelist .serviceitem:hover a img{float:none;height:auto;margin:0 auto;opacity:01;}
/*首页关于我们*/
#indexPage #mpage .wrapper li .fimg{width:50%;height:1024px;background-size:cover;}
#mpage .content .header{width:50%;float:right;padding-top:13%;padding-bottom:3%;}
#indexPage #mpage a.more{width:12%;margin-top:4%;float:right;margin-left:7%;margin-right:31%;line-height:40px;height:40px;border-radius:0px;text-align:center;text-indent:0px;display:block;font-family:"fonts/HELVETICANEUELTPRO-THEX";background-color:#6e6e6e;border:#6e6e6e 1px solid;color:#fff;font-size:16px;}
#indexPage #mpage a.more:hover i{color:#fff;}
#indexPage #mpage a.more::before{position:absolute;display:block;content:"";height:1px;background-color:rgba(0, 0, 0, .1);width:36%;float:right;margin-top:-1px;}
#indexPage a.more i{font-size:20px;position:relative;top:1px;}
#indexPage #mpage .content,
#indexPage #mpage .module-content,
#indexPage #mpage .wrapper,
#indexPage #mpage .slider,
#indexPage #mpage .wrapper li,
#indexPage #mpage .wrapper li .fimg{height:100%;}
#mpage .module-content .description{max-height:108px;height:auto;line-height:26px;padding-right:7.1%;padding-left:7.1%;float:right;width:36%;text-align:left;}
#mpage .content .header p.title{text-align:left;margin-left:14%;font-size:22px;}
#mpage .content .header p.subtitle{text-align:left;margin-left:14%;}
#indexPage #mpage .content{margin-top:0;top:0;}
/*新闻*/
#indexPage #mnews .content .header p.title{margin-left:0;}
#indexPage #mnews .content .header p.subtitle{margin-left:0;}
#indexPage #mnews .content .header{display:block;padding-bottom:0px;top:20px;position:relative;}
#indexPage #mnews .content{top:50%;margin-top:-300px;}
#indexPage #newslist .newstitem{height:510px;width:100%;float:left;}
#indexPage .newstitem.left .newsbody{padding-top:30px;}
#indexPage .newstitem .newsbody{display:block;vertical-align:auto;width:calc(100% - 70px);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 35px
}
#indexPage #newsitem_0 .newsbody{padding-left:1px;width:calc( 100% - 50px);}
#indexPage .newstitem.right .newsbody{position:relative;top:300px;}
#newslist .newstitem .newsbody .date{font-weight:inherit;font-family:fonts/HELVETICANEUELTPRO-THEX;color:#C0C0C0;margin-bottom:0;display:inline-block;padding:0 22px;float:left;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mnews #newslist .newstitem .newsbody .date{padding-left:0;font-size:20px;}
#indexPage #mnews #newslist .newstitem .newsbody .date .year{transition:all 0.3s ease-out 0s;}
#indexPage #mnews #newslist .newstitem:hover .newsbody .date .year{color:#333;margin-left:10px;}
#indexPage #mnews #newslist .newstitem .newsbody .date .md{display:none;}
#indexPage #mnews #newslist .newstitem.left a.newscontent{overflow:hidden;}
#indexPage #mnews #newslist .newstitem .newsimg{width:100%;height:auto;min-height:255px;position:relative;overflow:hidden;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;background-size:cover;}
#indexPage #mnews #newslist .newstitem:hover .newsimg{background-size:transform:scale(0.96, 0.96);-moz-transform:scale(0.96, 0.96);-webkit-transform:scale(0.96, 0.96);-o-transform:scale(0.96, 0.96);}
#indexPage #mnews #newslist .newstitem.left .newsimg{position:absolute;margin-top:255px;}
#indexPage #mnews #newslist .newstitem .newsimg::before{content:'';position:absolute;width:calc(100% - 14px);height:calc(100% - 14px);top:0px;left:0px;border:1px solid rgba(255, 255, 255, .0);-webkit-animation-duration:0.4s;-moz-animation-duration:0.4s;-ms-animation-duration:0.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;top:6px;left:6px;}
#indexPage #mnews #newslist .newstitem:hover .newsimg::before{border:1px solid rgba(255, 255, 255, 1);animation-name:zoomIn;top:6px;left:6px;}
#indexPage #mnews #newslist .newstitem .newsbody .title{margin-bottom:15px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:20px;}
#newslist .newstitem .newsbody .title{font-size:16px;color:#666;display:inline-block;line-height:30px;width:280px;overflow:hidden;height:30px;text-overflow:ellipsis;white-space:nowrap;float:left;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#newslist .newstitem.left a.newscontent,
#newslist .newstitem.right a.newscontent{padding:0;text-align:left
}
#newslist .newstitem.left a.newscontent:hover .title,
#newslist .newstitem.right a.newscontent:hover .title{color:#000;}
#newslist .news_wrapper{background-color:transparent;width:100%;}
#indexPage #mnews #newslist .newstitem.left .news_wrapper{position:absolute;height:100%;min-height:255px;}
#newslist .newstitem a.newscontent:hover .news_wrapper{background-color:transparent;width:100%;}
#newslist .newstitem.left a.newscontent:hover,
#newslist .newstitem.right a.newscontent:hover{padding:0;}
#newslist .newstitem.right a.newscontent .newsimg{left:0
}
#newslist .news_wrapper::before{height:0
}
#newsPage #newslist .newstitem .newsimg{display:block;width:300px;height:auto;}
#newsPage #newslist .newstitem .news_wrapper{width:400px;height:200px;left:30px;top:266px;}
#indexPage #newslist .newsitem .newsbody .title,
#newsPage #newslist .newstitem .newsbody .title{font-size:18px;display:block;width:100%;float:none;position:relative;}
#indexPage #newslist .newstitem p.description{text-align:left;color:#999;line-height:25px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-left:0;}
#indexPage #newslist .newstitem:hover p.description{margin-left:10px;}
#indexPage #newslist .newstitem:hover .newsbody p.title{margin-left:10px;}
#indexPage #mnews .content_list,
#indexPage #mnews .bx-viewport{height:510px !important;}
#indexPage #newslist .wrapper{width:calc(100% - 380px);margin:0 auto;float:right;height:540px;margin-top:-8px;-webkit-margin-before:-5px;margin-right:80px;}
#indexPage #newslist .separator{display:none;}
#newsPage #newslist .newstitem .newsbody::after{content:'MORE';width:105px;height:40px;padding-left:45px;line-height:40px;display:block;text-align:left;margin-top:50px;color:#727272;border-top:1px solid rgba(0, 0, 0, .12);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size:16px;font-family:"fonts/HELVETICANEUELTPRO-THEX";background:url(../images/icon.png) -165px 0 no-repeat;}
/*#indexPage #mnews::after{ position:absolute;content:"";width:1000px;height:100%;margin:0 auto;left:0;right:0;border-left:1px solid rgba(255,255,255,.08);}*/
#indexPage #mnews::before{position:absolute;content:'';width:100%;height:1px;background:#e6e5e5;top:50%;}
#newsPage #newslist .newstitem a:hover .newsbody .description::after{width:123px;}
.newstitem{animation-name:fadeInUp;animation-delay:0.1s;}
/*合作伙伴*/
#mpartner .content>.header{width:100%;position:relative;top:50px;}
#indexPage #mpartner .wrapper ul li{height:380px;}
#indexPage #mpartner .wrapper ul li a:hover{margin-top:-10px;margin-bottom:30px;}
#indexPage #mpartner .wrapper ul li a{transition:all 0.3s ease-out 0s;}
#indexPage #mpartner .wrapper ul li a::after{width:1px;height:90px;position:absolute;content:"";transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color:#eaeaea;margin-top:38px;margin-left:10px;}
#indexPage #mpartner .wrapper ul li a:nth-child(4n)::after{position:absolute;content:"";height:0px;width:0px;}
#indexPage #mpartner .wrapper ul li a:last-child::after{position:absolute;content:"";height:0px;width:0px;}
/*分享*/
#shares a#sshare{color:transparent;background-image:url("../images/fenxiang.png");background-repeat:no-repeat;}
#shares{height:35px;right:66px;bottom:-3px;}
#shares a#gotop{margin-top:6px;background:none;color:#5f5f5f;}
#shares a i{border-right:1px solid rgba(167, 167, 167, 0.3);padding:0 20px;}
#shares a i.fa-share-alt{padding:0 16px;}
#shares a i.fa-weixin{color:transparent;background-image:url(../images/shoujih.png);background-repeat:no-repeat;font-size:16px;height:16px;margin:0 0 0 26px;padding:0 8px;}
#online_open i{margin-top:5px;}
#shares a i.fa-share-alt{padding:0 16px;}
#online_open{margin:0 10px 0 0;background:none;bottom:0px;color:#515151;}
#footer p{position:fixed;bottom:0;background:transparent;padding:8px 230px;right:0px;width:100%;}
#footer.mini p{padding:8px 250px;right:0px;}
#shares a{color:#515151;background-color:transparent;display:inline-block;height:22px;width:auto;}
#shares a#sweibo{background-color:transparent;transition:all 0.3s ease-out 0s;}
#shares a#sweibo:hover{background:transparent;}
#shares a#sweixin{background-color:transparent;transition:all 0.3s ease-out 0s;}
#shares a#sweixin:hover{background-color:transparent;}
#online_lx{border-radius:0px;bottom:36px;margin-right:-10px;}
#olx_head{background:#595959;border-radius:0;}
#olx_tel div{line-height:0;height:0;margin-bottom:0px;font-size:0;}
#olx_tel div i{font-size:0;}
#olx_tel div{color:#898989;}
#olx_qq li a i{color:#868686;}
#olx_qq li a:hover i{color:#545454;}
#olx_qq li a{border-left:3px solid transparent;color:#808080;}
#olx_qq li a:hover{color:#454545;background:#E3E3E3 none repeat scroll 0% 0%;border-left:3px solid #424242;}
#olx_head i{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#olx_head i:hover{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);/* IE 9 */
    -moz-transform:rotate(90deg);/* Firefox */
    -webkit-transform:rotate(90deg);/* Safari 和 Chrome */
    -o-transform:rotate(90deg);/* Opera */
}
#footer a path{fill:#808080;}
/*分享结束*/
/*快捷菜单*/
#moduleControl a.moduleCItem{margin-bottom:20px;border-radius:10px;width:11px;height:11px;position:relative;}
#moduleControl a.moduleCItem:hover span,
#moduleControl a.moduleCItem.active span{width:70px;height:24px;position:absolute;top:-6px;text-indent:initial;color:#959595;overflow:hidden;font-size:0px;line-height:24px;right:-2px;text-align:right;padding-right:25px;}
/*#moduleControl a.moduleCItem span::after { content:""; position:absolute; top:11px; right:12px; width:0px; height:1px; background:rgba(0,0,0,0);}*/
/*#moduleControl a.moduleCItem:hover span::after, #moduleControl a.moduleCItem.active span::after { content:""; position:absolute; top:11px; right:12px; width:15px; height:1px; background:rgba(0,0,0,.2);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/
#moduleControl a.moduleCItem:hover,
#moduleControl a.moduleCItem.active{background-color:transparent;border:2px solid #5a5a5a;}
#moduleControl a.moduleCItem:hover::before,
#moduleControl a.moduleCItem.active::before{position:absolute;content:"";background:transparent;right:20px;}
#moduleControl a.moduleCItem{border:2px solid transparent;}
#moduleControl a.moduleCItem::before{position:absolute;content:"";height:3px;background:#a8a8a8;width:3px;left:0px;margin:4px 0 0 4px;border-radius:3px;}
#moduleControl a.moduleCItem::after{position:absolute;content:"";height:24px;background:rgba(155, 155, 155, .2);width:1px;left:0px;margin:11px 0 0 5px;}
#moduleControl a.moduleCItem:last-child::after{position:absolute;content:"";height:0px;width:0px;}
#indexPage .module.bgShow .bgmask{background-color:transparent;}
#indexPage #mservice .bgmask{background:url(../images/dot2.png) repeat;opacity:1;}
/*新*/
.content_list{height:100%;width:100%;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev{left:0px;background:url(../images/icon.png) -60px -40px no-repeat;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:60px;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover{background:url(../images/icon.png) -60px -100px no-repeat;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next{right:0px;background:url(../images/icon.png) 0 -40px no-repeat;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:60px;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover{background:url(../images/icon.png) 0 -100px no-repeat;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next i.fa-angle-right::before{content:"";}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev i.fa-angle-left::before{content:"";}
#indexPage #mslider i.fa-angle-left::before,
#indexPage #mslider i.fa-angle-right::before{content:'';}
#indexPage #mslider .bx-wrapper .bx-controls-direction a{width:80px;height:40px;display:block;background:url(../images/icon.png) 0 -160px no-repeat;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next{background-position:-13px -160px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-13px -200px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next::before{content:'';position:absolute;width:67px;height:1px;background:rgba(255, 255, 255, .1);margin-top:-6px;transition:all 0.3s ease-out 0s;opacity:0;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next:hover::before{width:67px;opacity:1;margin-top:4px;background:rgba(255, 255, 255, .6);}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev:hover{background-position:-0px -200px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev::before{content:'';position:absolute;width:67px;height:1px;background:rgba(255, 255, 255, .1);margin-top:-6px;transition:all 0.3s ease-out 0s;opacity:0;left:5px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev:hover::before{width:67px;opacity:1;margin-top:4px;background:rgba(255, 255, 255, .6);}
/*团队*/
#indexPage #mteam .content{margin-top:-274px;}
#indexPage #mteam .content .header p.title,
#indexPage #mteam .content .header p.subtitle{margin-left:0;}
#indexPage #mteam li:hover .header a::before{border-color:#383838;height:304px;}
#indexPage #mteam li:nth-of-type(even) .header a::before{top:0px;-webkit-margin-before:0px;}
#indexPage #mteam li:nth-of-type(even):hover .header a::before{top:40px;}
#indexPage #mteam .summary p.subtitle{margin-bottom:20px;font-size:13px;}
#indexPage #mteam .summary p{text-align:center;width:100%;}
#indexPage #mteam li .summary p.description{height:70px;overflow:hidden;transition:all 0.3s ease-out 0s;}
#indexPage #mteam li:hover .summary p.description{color:#777;}
#indexPage #mteam .content>.header{display:block;}
#indexPage #mteam .header img{transition:all 0.3s ease-out 0s;margin:10px auto 20px;}
#indexPage #mteam li:hover .header a img{margin-top:-10px;}
#indexPage #mslider{height:calc(100% - 70px);}
#indexPage #mslider .bx-wrapper .bx-pager{bottom:0;}
#indexPage #mslider .bx-wrapper{position:relative;height:calc(100% - 40px);}
#indexPage #mslider ul li div.fa-angle-down::before{content:"";}
#indexPage #mslider ul li p.title{font-family:"LANEUP", 'fonts/HELVETICANEUELTPRO-THEX';font-size:60px;line-height:80px;}
#indexPage #mslider ul li p.subtitle{font-size:34px;font-family:'fonts/HELVETICANEUELTPRO-THEX', '微软雅黑';color:rgba(255, 255, 255, .92);}
#indexPage #mslider ul li div{position:relative;top:-25px;}
#indexPage #mslider ul li div.mask{background:url(../images/dot.png) repeat;}
#indexPage #mteam .summary p.title{color:#383838;font-size:22px;margin-bottom:6px;}
#indexPage #mslider ul li div.fa-angle-down::before{content:"";}
#teamitem_0{animation-name:fadeInUp;animation-delay:0s;}
#teamitem_1{animation-name:fadeInUp;animation-delay:0.1s;}
#indexPage #mpartner .content{margin-top:-270px;}
#indexPage #mcontact{background:#fff;}
#indexPage #mcontact .header p.title{color:#fff;margin-left:0;}
#indexPage #mcontact .content{margin-top:-230px;}
#mcontact .content>.header{width:100%;}
#indexPage #mcontact .content .fw{width:100%;}
#indexPage #mcontact .header p.subtitle{text-align:left;margin-left:0px;font-family:"fonts/HELVETICANEUELTPRO-THEX", "微软雅黑";margin-top:5px;}
#indexPage #mcontact #contactlist{background:#fff;height:100%;padding-bottom:10%;position:absolute;margin-top:8%;}
#mcontact .content #contactinfo{width:35%;margin-left:60px;padding-top:6%;}
#contactinfo div{position:relative;}
#contactinfo p{margin-bottom:5px;}
#contactinfo h3{margin-bottom:45px;color:#999;}
#contactinfo div a{background:transparent;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#contactinfo div a:hover{background:rgba(255, 255, 255, .15)
}
#contactinfo div a i{color:#b1b1b1;}
#contactinfo div a:hover i{color:#7a7a7a;}
#mcontact .content #contactform{width:50%;margin-right:5%;padding-top:5%;}
#contactform p .inputtxt{width:100%;background-color:transparent;border:none;border-bottom:1px solid #cfcfcf;width:100%;padding:20px 0px 20px 0;color:#666;}
#mcontact .content #contactform p{float:left;margin-right:20px;width:30%;}
#contactform p textarea.inputtxt{width:calc(300% + 40px);width:-moz-calc(300% + 40px);width:-webkit-calc(300% + 40px);}
#contactform p .inputsub{width:100px;background-color:#383838;color:#cfcfcf;font-size:15px;padding:5px 0;display:block;float:left;position:relative;top:170px;height:40px;left:calc(-100% - 20px);left:-moz-calc(-100% - 20px);left:-webkit-calc(-100% - 20px);border:1px solid #383838;cursor:pointer;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#contactform p .inputsub:hover{background-color:rgba(0, 0, 0, .9);border:1px solid rgba(0, 0, 0, .9);color:#fff;}
#sitecontent .npagePage .content .serviceitem a img{opacity:1;background:rgba(0, 0, 0, .15);}
#sitecontent .npagePage .content .header p.title{text-align:center;margin-left:0;}
#sitecontent .npagePage .content .header p.subtitle{text-align:center;margin-left:0;}
#teamlist{width:1200px;}
.Pageteam .content .header,
.Pageservice .content .header{padding-bottom:60px;padding-top:80px;}
.teamitem{margin-right:10px;background:#fff;width:290px;height:520px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border:1px solid transparent;border-top:none;border-bottom:1px solid rgba(0, 0, 0, .1);}
.Pageteam .teamitem{height:510px;}
.teamitem:hover{box-shadow:0 15px 30px rgba(0, 0, 0, 0.05);margin-top:-10px;background:#fff;border:1px solid rgba(0, 0, 0, .08);cursor:pointer;border-top:none;margin-bottom:60px;}
.teamitem a{width:290px;height:auto;overflow:hidden;max-height:290px;}
.teamitem a img{width:290px;height:auto;}
.teamitem .teaminfo .description{line-height:24px;height:55px;margin-top:40px;}
.Pageteam .teamitem .teaminfo .description{margin-top:25px;height:70px;}
.teamitem .teaminfo{padding:0 25px;margin-top:30px;}
.Pageteam .teamitem .teaminfo{text-align:left;}
.teamitem .teaminfo .subtitle{font-size:13px;}
.teamitem a div.wrap{background:#404040;}
#sitecontent #newsPage #newslist{width:1200px;padding-top:30px;}
#sitecontent #newsPage #newslist .newstitem{width:100%;height:190px;float:left;border-bottom:1px solid rgba(0, 0, 0, .08);margin-bottom:25px;padding-bottom:25px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date{left:327px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .year{font-size:16px;margin-left:-90px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .year::after{content:"/";position:absolute;margin:0 5px;color:#B1B1B1;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .md{margin-top:0;margin-left:94px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .md span{display:none;}
#teamlist .teamitem:last-child,
#teamlist .teamitem:nth-child(4n){margin-right:0;}
#sitecontent .npagePage #servicelist{top:-40px;}
#sitecontent .npagePage #newslist .newstitem .news_wrapper{left:0;position:relative;top:0;width:100%;}
#newsPage .npagePage #newslist .newstitem .newsimg{float:left;left:0;}
#sitecontent .npagePage #newslist .newsbody{width:830px;float:left;padding-top:20px;margin-left:360px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#sitecontent .npagePage #newslist .newstitem .newsbody .description::after{content:"";width:0;}
#sitecontent .npagePage #newslist .newstitem a:hover .newsbody .description::after{width:0;}
#sitecontent .npagePage #newslist .newstitem .newsbody::after{content:'MORE';width:105px;height:40px;padding-left:45px;line-height:40px;display:block;text-align:left;margin-top:-43px;color:#bcbcbc;border-left:1px solid rgba(0, 0, 0, .08);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size:16px;font-family:"fonts/HELVETICANEUELTPRO-THEX";background:url(../images/icon.png) -165px 0 no-repeat;float:right;border-top:none;}
#sitecontent .npagePage #newslist .newstitem a:hover .newsbody::after{color:#000;}
#sitecontent .npagePage #newslist #newsitem_0.newstitem .newsbody .date,
#sitecontent .npagePage #newslist .newstitem .newsbody .date{padding:0;position:absolute;top:140px;color:#c8c8c8;}
#sitecontent #newsPage #newslist .newstitem:last-child{border-bottom:none;}
#sitecontent .npagePage #newslist .newstitem .newsbody p.title{color:#555;}
#sitecontent .npagePage #newslist .newstitem .newsbody .description{width:75%;height:50px;}
#sitecontent .npagePage #newslist .newstitem:hover .newsbody{margin-left:370px;}
#sitecontent #newsPage #newslist .newstitem:hover .newsbody::after{background:url(../images/icon.png) -165px 0 no-repeat;}
#pages a.active{background:#3F3F3F;}
#sitecontent .npagePage #projectwrap{width:100%;padding-top:0;}
#sitecontent .npagePage #projectwrap #projectbody{width:77%;background:#f8f8f8;padding-top:60px;}
#sitecontent .npagePage #projectwrap #projectbody #project../images{background:#f8f8f8;}
#sitecontent .npagePage #projectwrap #projectinfo{margin-top:60px;float:left;margin-left:3%;width:20%;}
#sitecontent .npagePage .content #projectih .header p.title{text-align:left;}
#sitecontent .npagePage .content #projectih .header p.subtitle{text-align:left;}
#sitecontent .npagePage #projectwrap #projecttags{margin-top:35px;margin-left:3%;width:20%;display:block;left:77%;}
#sitecontent .npagePage #servicelist .serviceitem div p.title::before{content:"";width:0;height:0;}
#servicelist .serviceitem div::before{content:"";position:absolute;width:30px;height:1px;background:rgba(0, 0, 0, .2);margin-top:50px;margin-left:-15px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#sitecontent .npagePage #servicelist .serviceitem{height:400px;border-bottom:1px solid rgba(0, 0, 0, .1);margin-bottom:60px;}
#sitecontent .npagePage #servicelist .serviceitem:hover{border-bottom:1px solid rgba(0, 0, 0, .3);}
#sitecontent .npagePage #servicelist .serviceitem a:hover{padding-top:0;}
#sitecontent .npagePage #servicelist .serviceitem:hover .title{color:#000;}
#header ul li.navitem:hover ul.subnav{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mpartner .wrapper ul li a{cursor:pointer;margin:0 10px;margin-bottom:20px;}
#sitecontent .npagePage #category li:last-child a::after{content:"";}
#category li.hasmore div ul{padding-top:15px;border-top:rgba(0, 0, 0, .08) 1px solid;}
#category li.hasmore div ul a:hover{background:transparent;color:#000;}
#category li.hasmore div ul a:hover::before{content:"";width:0;height:0;}
#category li.hasmore div ul a.active{background:transparent;color:#000;}
.postbody img{max-width:1180px;}
#projectinfo .header .description a{background:#474747;transition:all ease .3s;color:#fff;}
#projectinfo .header .description a:hover{background:#000;}
#projectib .projectitem a .project_info p.title{line-height:22px;color:#666;}
#projectib .projectitem a:hover .project_info p.title{color:#000;}
#projectib .projectitem a .project_info p.subtitle{margin-top:2px;}
#projectib .projectitem{margin-bottom:25px;}
#projecttags a{transition:all 0.3s ease-out 0s;}
#projecttags a:hover{background:#636363;color:#fff;}
#projectib .projectitem a{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;}
#projectib{width:20%;float:left;margin-left:0;margin-right:0;left:77%;margin-left:3%;}
#footer a{margin-right:20px;}
#moduleControl{display:none;}
.npagePage #banner{height:360px;}
#post_slider li{height:650px;}
#post_slider,
#post_slider .bx-wrapper,
#post_slider .bx-viewport{height:650px;}
#projectinfo4 .header{padding-top:20px;float:left;width:100%;position:relative;}
#projectinfo4 .header .title-warp{width:50%;float:left;}
#projectinfo4 .description{width:50%;float:right;position:relative;right:0px;top:0px;}
#projectinfo4 .header p{line-height:24px;font-size:13px;}
#sitecontent .npagePage .content #projectinfo4 .header p.title{width:92%;text-align:left;font-size:22px;padding-right:8%;}
#sitecontent .npagePage .content #projectinfo4 .header p.subtitle{width:92%;text-align:left;padding-right:8%;}
#npagePage #projectlist .projectitem a .project_info p.title{color:#565656;font-size:14px;padding:15px 0 2px;margin:0;}
#npagePage #projectlist .projectitem a .project_info p.subtitle{color:#929292;font-size:13px;margin:0;padding-left:0;}
#projectshow4 #projectib4 #projectlist .projectitem{margin-bottom:20px;}
.npagePage4 #projectwrap4 #projectinfo4{border-bottom:1px solid rgba(0, 0, 0, .08);}
#projectshow4{margin-top:20px;}
#projectinfo4 .description a{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border:1px solid #dbdbdb;background-color:#fff;color:#555;}
#projectinfo4 .description a:hover{background-color:#383838;color:#fff;border:1px solid #383838;}
.npagePage #banner div{height:360px;}
.Pagenews #category{text-align:center;}
#category li.hasmore div{width:98%;left:1%;margin:0 auto;}
#projectshow4 #projectib4 #projectlist .wrapper{margin-left:0;}
#projecttags4 a{padding:5px 18px;margin-right:8px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projecttags4 a:hover{background:#383838;color:#fff;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a{margin-top:15px;margin-left:5px;}
#indexPage #mproject .projectSubList{margin-bottom:0;}
#indexPage #mnews a.details{display:block;position:absolute;top:-7px;border-radius:0;width:45px;right:20px;height:20px;text-indent:0;font-size:0px;line-height:20px;text-align:center;border:none;border-left:1px solid rgba(0, 0, 0, .0);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #newslist .newstitem.right a.details{margin-top:310px;}
#indexPage #newslist .newstitem:hover a.details{border-left:1px solid rgba(0, 0, 0, .1);}
#indexPage #mnews a.details i{width:21px;height:9px;background:url(../images/icon.png) 0 -100px no-repeat;margin-top:5px;opacity:0;}
#indexPage #newslist .newstitem:hover a.details i{background-position:0 -119px;opacity:1;}
#newslist .separator{display:none;}
#indexPage #servicelist .serviceitem a img{width:360px;}
#indexPage #mteam .summary p.title a{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #projectlist .projectitem a .project_info div{position:absolute;background:transparent;display:block;margin-top:0px;opacity:1;}
#indexPage #projectlist .projectitem:hover a .project_info div{margin-top:0px;opacity:1;animation-name:fadeInUp;}
#indexPage #projectlist .projectitem a .project_info{position:absolute;}
#projectlist .projectitem a .project_info{position:relative;background:#fff;z-index:8;height:auto;}
#indexPage #mproject #projectlist .projectitem a .project_img{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
#indexPage #mproject #projectlist .projectitem:hover a .project_img{}
#projectlist .projectitem a .project_img{overflow:hidden}
#projectlist .projectitem a .project_info{transition:all ease-out 0s;}
#projectlist .projectitem a .project_img:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projectlist .projectitem a:hover .project_img:after{background:rgba(255, 255, 255, .3);}
.Pageanli #projectlist .projectitem a:hover .project_img:after{background:rgba(0, 0, 0, .0);}
#projectlist .projectitem a:hover .project_info{position:inherit;background:rgba(0, 0, 0, 0)}
#indexPage .module.bgShow{background-position:center top !important;background-attachment:initial}
#indexPage #servicelist .serviceitem div p.title{color:#fff;}
#indexPage #servicelist .serviceitem div p.description{color:rgba(255, 255, 255, .8);}
#indexPage .content>.header{padding-left:60px;float:left;width:100%;}
#indexPage #mservice{background-color:#333;}
#indexPage #mservice .wrapper .bx-wrapper a{margin-top:0;}
#indexPage #mteam .module-content{max-width:1400px;width:1400px;}
#indexPage #mteam .bx-wrapper .content_list{padding-top:10px;}
#indexPage #mteam a.details{display:block;width:150px;text-indent:0;text-align:center;height:40px;border-radius:0;line-height:40px;border:none;font-size:14px;}
#indexPage #mteam a.details:hover{color:#333;}
#indexPage #mteam li a.details i{font-size:20px;position:relative;top:2px;}
#indexPage #mteam li:hover a.details i{text-indent:10px;color:#707070;}
#indexPage #mteam li a.details:before{content:'';width:100px;height:1px;background:rgba( 0, 0, 0, .1);position:absolute;left:50%;margin-left:-50px;transition:all 0.3s ease-out 0s;}
#indexPage #mteam li a.details:after{content:'';width:100px;height:1px;background:rgba( 0, 0, 0, .0);position:absolute;left:50%;margin-left:-50px;bottom:50px;transition:all 0.3s ease-out 0s;}
#indexPage #mteam li:hover a.details:before,
#indexPage #mteam li:hover a.details:after{width:140px;background:rgab(0, 0, 0, .3);margin-left:-70px;background:rgba(0, 0, 0, .2);}
#indexPage #mteam .bx-controls-direction{display:none;}
#indexPage #mteam .bx-pager{display:block;position:relative;margin-top:40px;}
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a.active,
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a{display:block
}
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a{width:8px;height:8px;border:#ababab 1px solid;}
#mslider .bx-wrapper .bx-pager.bx-default-pager a{display:block;width:7px;height:7px;}
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a.active,
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color:#fff;border:1px solid #fff;}
#indexPage #mnews .bx-controls{display:block;}
#indexPage #mnews .bx-controls-direction{display:none;}
#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active,
#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a{display:block
}
#indexPage #mnews .bx-wrapper .bx-pager{margin-left:-110px;position:relative;top:60px;}
#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction{display:none;}
#indexPage #mservice .wrapper .bx-wrapper .bx-pager{display:block;position:relative;margin-top:100px;}
#indexPage #mservice .wrapper .bx-wrapper a.active,
#indexPage #mservice .bx-wrapper .bx-pager.bx-default-pager a:hover{display:block;background-color:#fff;border:1px solid #fff;}
#indexPage #mservice .bx-wrapper .bx-pager.bx-default-pager a{display:block;}
#indexPage #mnews{background-color:#fff;}
#indexPage .mvideom.mvideom01 .mvideo_header{width:100%;text-align:left;padding-left:60px;}
#indexPage .mvideom .module-content{width:calc(100% - 120px);margin:0 auto;}
.sscreen #indexPage .mvideom .content{margin-top:-360px;}
#indexPage .mvideo_more{display:none;}
#indexPage .mvideo_more{display:none;}
.sscreen #indexPage .mvideom .content{position:static;box-sizing:border-box;height:100%;margin:0;padding-top:120px;transform:none;}
#indexPage .mvideom.mvideom01 .mvideo_header{float:left;width:auto;}
#indexPage .mvideom .module-content{/* margin:0 auto; */
    float:right;width:calc(100% - 320px);margin-right:44px;}
#indexPage .mvideom .module-content{position:relative;top:50%;transform:translateY(-50%);}
.Pageanli #projectlist .wrapper{width:92%;margin:0 auto;margin-left:4.5%;}
.Pagevideo.mvideom.mvideom01 .module-content { width:92%; margin:0 auto; margin-left:4.5%;}
.Pagevideo #plheader { padding-top:40px; padding-bottom:40px;}
a.page-num.page-num-current { background-color:#f00!important; color:#fff!important;}
#nav .navitem2{text-align:center; border-top:1px solid #F5F5F5; border-bottom:0px; height:60px; line-height:60px;width:100%; padding:0;float:left;}
#nav .navitem2 a{color:#666; font-size:14px;transition:none ease-out .3s; transition-property:color, background, text-indent, opacity;}
#nav .navitem2 i{opacity:1!important;}
#nav .subnav2{/*max-height:310px;*/ /*overflow-x:hidden;*/z-index:1;left:70%; margin-left:20px;top:0;border-top:0;transition:all 0.3s ease-out 0s; position:absolute; width:210px; opacity:0; visibility:hidden;transform:translate3d(0px, 10px, 0px); -moz-transform:translate3d(0px, 10px, 0px); -webkit-transform:translate3d(0px, 10px, 0px);}
#nav .navitem2:hover{/*background:#f8f8f8;*/cursor:pointer; color:#000}
#nav .navitem2:hover a{color:#000;}
#nav .navitem2:hover .subnav2{transition:all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;opacity:1;visibility:visible;transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px);}
#nav .navitem3{text-align:center; border-top:1px solid #F5F5F5; border-bottom:0px; height:60px; line-height:60px;width:100%; padding:0;float:left;}
#nav .navitem3 a{color:#666; font-size:14px;transition:none ease-out .3s; transition-property:color, background, text-indent, opacity;}
#nav .navitem3 i{opacity:1!important;}
#nav .subnav3{/*max-height:310px; overflow-x:hidden;*/z-index:1;left:70%; margin-left:20px;top:0;border-top:0;transition:all 0.3s ease-out 0s; position:absolute; width:210px; opacity:0; visibility:hidden;transform:translate3d(0px, 10px, 0px); -moz-transform:translate3d(0px, 10px, 0px); -webkit-transform:translate3d(0px, 10px, 0px);}
#nav .navitem3:hover{/*background:#f8f8f8;*/cursor:pointer; color:#000}
#nav .navitem3:hover a{color:#000;}
#nav .navitem3:hover .subnav3{transition:all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;opacity:1;visibility:visible;transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px);}
#category .navitem{position:relative;}
#category .subnav{background:#fff;/*max-height:310px;*/ /*overflow-x:hidden;*/z-index:9;left:0;top:40px;border-top:0;transition:all 0.3s ease-out 0s; position:absolute; width:172px; opacity:0; visibility:hidden;transform:translate3d(0px, 10px, 0px); -moz-transform:translate3d(0px, 10px, 0px); -webkit-transform:translate3d(0px, 10px, 0px);}
#category .navitem:hover{/*background:#f8f8f8;*/cursor:pointer; color:#000}
#category .navitem:hover a{color:#000;}
#category .navitem:hover .subnav{transition:all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;opacity:1;visibility:visible;transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px);}
#category .navitem2{text-align:center; border-top:1px solid #F5F5F5; border-bottom:0px; width:100%; padding:0;float:left;}
#category .navitem2 a{color:#666; font-size:14px;height:40px; line-height:40px;transition:none ease-out .3s; transition-property:color, background, text-indent, opacity;}
#category .navitem2 a::before { margin-top:33px; }
#category .subnav2{background:#fff;/*max-height:310px;*/ /*overflow-x:hidden;*/z-index:9;left:90%;top:0;border-top:0;transition:all 0.3s ease-out 0s; position:absolute; width:172px; opacity:0; visibility:hidden;transform:translate3d(0px, 10px, 0px); -moz-transform:translate3d(0px, 10px, 0px); -webkit-transform:translate3d(0px, 10px, 0px);}
#category .navitem2:hover{/*background:#f8f8f8;*/cursor:pointer; color:#000}
#category .navitem2:hover a{color:#000;}
#category .navitem2:hover .subnav2{transition:all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;opacity:1;visibility:visible;transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px);}
#category .navitem3{text-align:center; border-top:1px solid #F5F5F5; border-bottom:0px; width:100%; padding:0;float:left;}
#category .navitem3 a{color:#666; font-size:14px;height:40px; line-height:40px;transition:none ease-out .3s; transition-property:color, background, text-indent, opacity;}
#category .subnav3{background:#fff;/*max-height:310px; overflow-x:hidden;*/z-index:9;left:90%;top:0;border-top:0;transition:all 0.3s ease-out 0s; position:absolute; width:172px; opacity:0; visibility:hidden;transform:translate3d(0px, 10px, 0px); -moz-transform:translate3d(0px, 10px, 0px); -webkit-transform:translate3d(0px, 10px, 0px);}
#category .navitem3:hover{/*background:#f8f8f8;*/cursor:pointer; color:#000}
#category .navitem3:hover a{color:#000;}
#category .navitem3:hover .subnav3{transition:all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;opacity:1;visibility:visible;transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px);}
.loading01{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba( 255, 255, 255, 1); z-index:1099; background-image:url(../images/loading.gif); background-position: center; background-repeat: no-repeat;}